<template>
  <div class="login-box-3 login-box">
    <div class="login-box-bg__top"></div>
    <h1 class="login-title">欢迎登录</h1>
    <form class="login-main">
      <!-- <h2 class="login-compony-name">xxxx科技有限公司</h2> -->
      <div class="login-input-item column">
        <div class="login-desc">用户名</div>
        <input class="login-input" type="text" v-model="username" placeholder="请输入用户名" />
      </div>
      <div class="login-input-item column">
        <div class="login-desc">密码</div>
        <input class="login-input" type="password" v-model="password" placeholder="请输入密码" />
      </div>
      <div class="login-input-item column">
        <div class="login-desc">验证码</div>
        <div style="display:flex;position:relative">
          <input class="login-input" type="text" v-model="vcode" placeholder="请输入右侧验证码" />
          <img class="login-vcode" :src="imgSrc" alt="验证码" @click="refreshVCode" />
        </div>
      </div>
      <div class="login-error-tip" v-show="errorTip">{{ errorTip }}</div>
      <data-v-btn type="primary" class="login-btn" style="width:100%;background-color:#EB6100;border-color:#EB6100"
        @click.native="submit">登录</data-v-btn>
    </form>
    <div class="login-box-bg__bottom"></div>
  </div>
</template>

<script>
import mixin from "./minin";
export default {
  mixins: [mixin],
};
</script>
